article {
  width: 1020px;
  height: auto;
  background: #f3f3f3;
  overflow: auto;
  padding: 20px;

  &.hot section {
    background: #fff;
    box-shadow: 0 0 5px #777;
    height: 300px;
    width: 500px;
    &:nth-of-type(1) {
      float: left;
    }
    &:nth-of-type(2) {
      float: right;
    }
  }

  &.swiper section {
    height: 200px;
    background-color: #fff;
    box-shadow: 0 0 5px #777;
    &:nth-of-type(1) {
      width: 200px;
      float: left;
    }
    &:nth-of-type(2) {
      width: 820px;
      float: right;
    }
  }
}